@charset "utf-8";
/* CSS Document */
@import url("public.css");


/*==============Accounts=========================*/
.queryarea {width:730px;}

.queryarea table tr td {	font-size: small;	border: thin groove #09F;	color: #FFF;	text-align: center;	background-color: #FFF;	background-image: url(bg.gif);}

.td1{	text-align: left;}

#listbody {	margin-top: 15px;	width:720px;	}

#listbody1 {	width:720px;	border-top-width: thin;	border-right-width: thin;	border-bottom-width: thin;	border-left-width: thin;	border-top-style: none;
	border-right-style: none;	border-bottom-style: solid;	border-left-style: none;	border-top-color: #06F;	border-right-color: #06F;	border-bottom-color: #06F;
	border-left-color: #06F;}

#listbody table tr th {	font-size: small;	font-weight: lighter;	background-image: url(bg.gif);	color: #FFF;	text-align: center;	border: thin groove #09F;}

#dt_example {
	font: /*80%*/95% /1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	margin: 0;	padding: 0;	color: #333;	background-color: #f8f8f8;}

#container {width: 730px;	padding: 0;	}


#dt_example #demo {	margin: 0 auto 0 auto;}

#dt_example .demo_jui {	margin: 0 auto 0 auto;}

#dt_example .big {	font-size: 1.3em;	font-weight: bold;	line-height: 1.6em;	color: #4E6CA3;}


#dt_example .clear {	clear: both;}

#dt_example pre {	padding: 15px;	background-color: #F5F5F5;	border: 1px solid #CCCCCC;}

#dt_example h1 {	margin-top: 2em;	font-size: 1.3em;	font-weight: normal;	line-height: 1.6em;	color: #4E6CA3;	border-bottom: 1px solid #B0BED9;	clear: both;}

#dt_example h2 {	font-size: 1.2em;	font-weight: normal;	line-height: 1.6em;	color: #4E6CA3;	clear: both;}

#dt_example a {	color: #0063DC;	text-decoration: none;}

#dt_example a:hover {color:white;	text-decoration: underline;}

#dt_example ul {	color: #4E6CA3;}

.css_right {	float: right;}

.css_left {	float: left;}
/*========================Accounts============================*/

/*=====================Accounts_frame  =======================*/

#DataArea {	width:720px;	}


/*============================ Accounts_frame Show============================*/

.d1  {
	font-size: x-small;
	width: 4%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F;
}

.d2  {
	font-size: x-small;
	width: 15%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F
}
.d3  {
	font-size: x-small;
	width: 18%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F
}

.d6  {
	font-size: x-small;
	width: 16%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F;
}
.d7  {
	font-size: x-small;
	width: 12%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #09F;
	border-bottom-color: #09F;
	border-left-color: #09F;
}
/*==================Roles=====================*/
#DataRoles {
	width:720px;
}
#selectone , #selecttwo , #selectthree{
	font-size: small;
	width: 200px;
	border: 2px outset #06F;
	color: #06F;
	cursor: pointer;
}

/* ==============Roles_frame1====================*/

#Rolesframe1 {
	width:600px;
}
.dropdown{
	width: 200px;

	}
.blue{/* select set*/
	font-size: small;
	width: 200px;
	height:150px;
	border: 2px outset #06F;
	color: #06F;
	cursor: pointer;
	}


.block {/* table Border  right+bottom+left */
	font-size: small;
	color: #03F;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #03F;
	border-right-color: #03F;
	border-bottom-color: #03F;
	border-left-color: #03F;
}

.butblock{/* table Border  onlybottom */
	font-size: small;
	color: #03F;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #03F;
	vertical-align: text-bottom;
	padding-bottom: 20px;
	}
.allleft{
	text-align:left;
	}
.allcenter{
	text-align: center;
	}

input.button {
	border:1px solid #919191;
	color:#000000;
	font-weight:bold;
	font-size: 11px;
	text-align:center;

	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
input.addButton,input.removeButton,input.addAllButton,input.removeAllButton{
	border-color: #ccc;
	text-align: center;
	width: 30px;
}
#sendset{
	font-size:small;
	width:600px;
	text-align: center;
	}

/* ======================Roles_frame2======================*/

#Rolesframe2 {
	width:840px;
}

.Falselistbox {
	border: 2px ridge #FFF;
	height:150px;
	width: 200px;
	width: 100%;
	Overflow:scroll;
	Overflow-x:hidden;
	font-size: small;
	color: #06F;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
.Falselistbox_top {
	border: 1px solid #06F;
	width: 200px;
	width: 100%;
	font-size: small;
	color: #06F;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}
.text_right {
	text-align: right;
	padding-right: 20px;
}
.rightblock { /* table Border  right+bottom */
	font-size: small;
	color: #03F;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-right-color: #03F;
	border-bottom-color: #03F;

}
.leftblock {/* table Border  bottom+left */
	font-size: small;
	color: #03F;
	text-align:center;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-bottom-color: #03F;
	border-left-color: #03F;

}

.f1{
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #06F;
}

.f2{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #06F;
}

.f3{
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-top-color: #FFF;
	border-right-color: #FFF;
	}

/*===============Itemstyles==========================*/


#Itemstyles {
	width:720px;
}

#Itemstyles table tr td {
	font-size: small;
	background-image: url(bg.gif);
	border: thin groove #09F;
	color: #FFF;
	text-align: center;
}

/*============================Itemstyles Show============================*/

.r1  {
	font-size: x-small;
	width: 4%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F;
}

.r2  {
	font-size: x-small;
	width: 16%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F;
}
.r3  {
	font-size: x-small;
	width: 20%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F;
}

.r6  {
	font-size: x-small;
	width: 18%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #09F;
	border-left-color: #09F;
}
.r7  {
	font-size: x-small;
	width: 6%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-color: #09F;
	border-bottom-color: #09F;
	border-left-color: #09F;
}


.hidden{display:none;}
#menu_logout {margin:5px 5px 0 0; padding: 5px;border-top: 1px solid white;}

a:link、a:visited、a:hover、a:active

#menu_logout a {
	background: transparent;
	color: white;
	text-decoration: none;
}
#menu_logout a:link{
	background: transparent;
	color: white;
	text-decoration: none;
}
#menu_logout a:visited{
	background: transparent;
	color: white;
	text-decoration: none;
}

#menu_logout a:hover{
	background: white;
	color: black;
	text-decoration: underline;
}
#menu_logout a:active{
	background: transparent;
	color: white;
	text-decoration: none;
}